<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>

<head>
    <%@ include file="/include/head.jsp" %>
    <title></title>
    <link rel="stylesheet" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css">
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
    <script src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js"></script>
    <script type="text/javascript">

        var dataListUrl = "${rootPath}index/recommendArticle.do?";
        //var dataListUrl=interfaces["hospitalList"];
        mui.init();
        //页面基础配置
        $(function () {
            //初始化轮播图
            initFreeSwiper({
                target: ".index-banner",
                swiperOption: {
                    autoplay: 3000,
                    loop: true,
                    pagination: '.swiper-pagination'
                }
            });
        });



        //不需要回调
//        var rf = null;
        //需要回调
        function rf(code,name){
            //设置城市区域code到cookie
            setCookie("qyac",code);
            alert(code + "," + name);
        }
        locating(true);

        addToCart(12,3,1,"蓝色,L,方块");
        deleteFromCart(12,3);
    </script>
</head>

<body>
<!-- 主页面标题 -->
<%@ include file="/include/header-user-title-loacte.jsp" %>
<%@ include file="/include/footer-index.jsp" %>
<div class="mui-content" tabNum="0">
    <div class="mui-fullscreen">
        <a class="mui-control-item"></a>
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <%--主体内容开始--%>
                <%--轮播图--%>
                <div class="swiper-container index-banner" style="position: relative;">
                    <div class="swiper-wrapper">
                        <c:forEach items="${bannerList}" var="banner">
                            <div class="swiper-slide">
                                <c:if test="${banner.clickType == 2}">
                                    <a href="${rootPath}index/richText.do?id=${banner.id}" >
                                        <img style="width: 100%" src="${banner.img1}" alt="" >
                                    </a>
                                </c:if>
                                <c:if test="${banner.clickType != 2}">
                                     <a href="${banner.url}" >
                                         <img style="width: 100%" src="${banner.img1}" alt="" >
                                     </a>
                                </c:if>
                            </div>
                        </c:forEach>

                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="qy-padding-horizontal-8 qy-bg-white mui-row">
                    <div class="mui-col-xs-6 qy-padding-vertical-4px">
                        <a href=""><img style="width: 100%;" src="${rootPath}/static/imgs/bannerEntry.png" alt=""></a>
                    </div>
                    <div class="mui-col-xs-6 qy-padding-vertical-4px">
                        <a href=""><img style="width: 100%;" src="${rootPath}/static/imgs/bannerEntry.png" alt=""></a>
                    </div>
                </div>


                <div class="qy-margin-top-8 qy-flex qy-flex-text-between qy-padding-vertical-8 qy-padding-horizontal-8">
                    <span class="qy-text-label">健康资讯</span>
                    <small class="qy-text-label">更多</small>
                </div>
                <ul id="vueListBox0" style="" class="mui-table-view">
                    <li style="padding-bottom: 0px;"
                        class="mui-table-view-cell qy-bg-default qy-padding-vertical-8 qy-padding-top-8px"
                        v-for="ele in datas">

                        <div class="mui-row qy-bg-white qy-padding-8" style="border-radius: 4px;">

                            <div class="mui-col-xs-3">
                                <img style="width: 90%;" :src="ele.thumbnailImg" alt=""></div>
                            <div class="mui-col-xs-9">

                                <small v-if="(ele.catagoryTwo != null || ele.catagoryTwo != '')"
                                       class="qy-margin-horizontal-4 qy-text-label">{{ ele.catagoryTwo }}
                                </small>
                                <small v-if="(ele.catagoryTwo == null || ele.catagoryTwo == '')"
                                       class="qy-margin-horizontal-4 qy-text-label">{{ ele.catagoryOne }}
                                </small>
                                <div class="qy-text-18 qy-text-black nowrap">
                                    {{ ele.title }}
                                </div>
                                <small class="qy-margin-horizontal-4 qy-text-label">{{ele.updateTime | toDate}}</small>

                            </div>

                        </div>

                    </li>
                </ul>
            </div>
        </div>
    </div>

</body>

</html>